<template>
    <div class="drop-slider">
         <Tooltip content="Here is the prompt textsdfdsf" placement="right">
             <a href="javascript:void(0)">
            <Icons type="guanliyuan2"></Icons>
            </a>
        </Tooltip>
        <Dropdown>
                <a href="javascript:void(0)">
                <Icons type="guanliyuan2"></Icons>
                </a>
            <DropdownMenu slot="list">
                <DropdownItem>驴打滚</DropdownItem>
                <DropdownItem>炸酱面</DropdownItem>
                <DropdownItem disabled>豆汁儿</DropdownItem>
                <DropdownItem>冰糖葫芦</DropdownItem>
                <DropdownItem divided>北京烤鸭</DropdownItem>
            </DropdownMenu>
        </Dropdown>
        <Dropdown>
                <a href="javascript:void(0)">
                <Icons type="guanliyuan2"></Icons>
                </a>
            <DropdownMenu slot="list">
                <DropdownItem>驴打滚</DropdownItem>
                <DropdownItem>炸酱面</DropdownItem>
                <DropdownItem disabled>豆汁儿</DropdownItem>
                <DropdownItem>冰糖葫芦</DropdownItem>
                <DropdownItem divided>北京烤鸭</DropdownItem>
            </DropdownMenu>
        </Dropdown>
    </div>
</template>
<script>
export default {
    name: 'dropSlider'
}
</script>
<style scoped lang="less">
.drop-slider {
    width: 100%;
    height: 100%;
    > div {
        height: 42px;
        a {
            display: inline-block;
            width: 100%;
            text-align: center;
        }
    }
}
/deep/ .ivu-dropdown {
            display: block;
            .ivu-select-dropdown {
                left: 100px !important;
            }
      }
/deep/ .ivu-tooltip {
    display: block;
    .ivu-tooltip-rel {
        display: block;
    }
}      
</style>